.oli-wrapper{
  height: 100%;


  .oli-wrapper__content{
    position: absolute;
    left: 250px;
    right: 0;
    bottom: 22px;
    top:4rem;
    transition: 0.7s;
    .oli-wrapper__content__tab{
      background-color: #F5F5F5;
      overflow-x: hidden;
      position: relative;
      padding: 0 15px;
      width: 100%;

      .tab__scroller__left{
        position: absolute;
        left: 0;
        width: 15px;
        line-height: 48px;
        z-index: 9999;
        cursor: pointer;
        background-color: whitesmoke;
      }
      .tab__scroller__right{
        position: absolute;
        right: 0;
        width: 15px;
        line-height: 48px;
        z-index: 9999;
        cursor: pointer;
        background-color: whitesmoke;
      }

      .oli-wrapper__content__tab__ul{
        display: -webkit-box;
        display:-moz-box;
        display: -ms-inline-flexbox;

        width: 100%;

        > li{
          text-align: center;
          background-color: #f5f5f5 !important;
          margin: 5px 0;
          padding-left: 5px;
          height: 38px;
          line-height: 38px;
          overflow: hidden;
          cursor: pointer;
          position: relative;

          width: 10%;
          > a{
            position: absolute;
            left: 0;
            padding-right: 0;
            cursor: pointer;
            font-size: 14px;
            line-height: 38px !important;
            height: 38px !important;;
            overflow: hidden;
            color: black;
            width: 97%;
            margin-left: 3%;
            background-color: #e1e0de;
            &:hover, &:link,&:visited, &:active, &:focus {
              text-decoration: none;
            }
            &:hover{
              border: 1px solid #999da2;
            }

          }
          > i{
            position: absolute;
            top:0;
            right:3px;
            display: inline-block;
            color: #C3C2C0;
            font-size: 25px;
            z-index: 999;
            width: 15px;
            &:hover{
              color: black;
            }
          }
          &.active{
            > a{
              background-color: #fff;
              &:hover{
                border: 1px solid #999da2;
              }
            }
          }
        }
      }
    }

    &.oli-wrapper__content__left{
      left: 15px !important;
      transition:0.7s;
    }

    .oli-wrapper__content__main{
      overflow-y: auto;
      position: absolute;
      right: 0;
      bottom: 0;
      top:48px;
      left: 0;
      padding: 5px;
    }
  }

  .oli-wrapper__close{
    position: fixed;
    top:50%;
    left: 235px;
    width: 15px;
    height: 50px;
    line-height: 50px;
    background-color: $oli-gray-color;
    cursor: pointer;
    transition: 0.7s;

    &.oli-wrapper__close__left{
      left: 0 !important;
      transition:0.7s;
    }
  }
}

//::-webkit-scrollbar{
//  display:none;
//}


